// dynamic-styles.scss

:root {
  --card-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
  --card-bg-color: #ffffff;
  --card-border-width: 0px;
  --card-border-color: #000000;
  --card-font-size: 16px;
}

.drawer-item {
  box-shadow: var(--card-shadow);
  background-color: var(--card-bg-color);
  border: var(--card-border-width) solid var(--card-border-color);
  font-size: var(--card-font-size);
}

/*表格边框*/
.table-item {
  box-shadow:  var(--table-shadow);
  //border:  10px solid #f9944a;
  border: var(--table-border-width) solid var(--table-border-color);
  border-bottom: none;
  border-right: none;

}
::v-deep {
  /*表格内部样式*/
  .el-table {
    color: #ffffff;
  }
  /*修改表头颜色*/
  .el-table th {
    background-color: var(--table-header-bg-color);
  }
  /*修改单元格颜色*/
  .el-table tr {
    background-color: var(--table-th-bg-color);
  }

  /*边框颜色*/
  .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #c0bec0;
  }



  /*边框*/
  /*表格一行下方的边框*/
  .el-table th, .el-table td {
    border-bottom: var(--table-border-width) solid  var(--table-border-color);
  }
  /*单元格右侧边框 ====>不需要左侧左侧就是边框*/
  .el-table--border td , .el-table--border th {
    border-right: var(--table-border-width)  solid  var(--table-border-color);
  }
  /*前后白线--->按照边框颜色同步隐藏*/
  .el-table::before , .el-table--border::after {
    background-color: var(--table-border-color);
  }
}
